@charset "utf-8";
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; }
fieldset, img { border: 0; }
ol, ul, li { list-style-type: none; text-align: justify; text-justify: inter-ideograph; }
table { border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { font-size: 12px; font-family: inherit; margin: 0; outline: none; resize: none; border: none; }
.cl:after, .clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.cl, .clearfix { zoom: 1; }
html { verflow: -Scroll; overflow-x: hidden; zoom: 1; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
body { color: #666; font-size: 14px; line-height: 24px; font-family: Arial,微软雅黑,宋体,Helvetica,sans-serif; min-width:1200px}
a { color: #666; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); }
    a:hover { text-decoration: none; }
:focus { outline: none; }
.fl { float: left; }
.fr { float: right; }
.wrap, .grWidth { width: 1200px; margin: 0 auto; }
.mt5 { margin-top: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.center { text-align: center; }
.hide { overflow: hidden; }

 .middle_bar{background: linear-gradient(to right, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);width:100%;position:relative;z-index:3;overflow:hidden;}
 .middle_bar .white_bg{position:absolute;top:0;left:80%;right:0;bottom:0;/*background-color:#fff;*/}
 .middle_bar .content_width{position:relative;z-index:2;}
 .middle_bar .logo{width:209px;display:block;float:left;padding:12px 0 10px;}
 .middle_bar .logo img{width:100%;display:block;}
 .middle_bar .tel{float:left;background: url(../images/nav_icon_phone_pc.png) no-repeat left 11px; padding-left: 25px;color:#fff;line-height:40px;}
 .middle_bar .hotline{float:right;height:40px;line-height:40px;width:148px;padding-left:125px;background:url('../images/en.png') no-repeat 95px center #fff;font-size:1.125em;color:#1d3e72;}
 .middle_bar .hotline a{color:#1d3e72;}

.header { height: 100px; background-color: #fff; }
.headerLogo { width: 503px; height: 100px; line-height: 100px; float: left; }
    .headerLogo img { vertical-align: middle; max-height: 100px; }
.headerNav { width: 450px; float: left; }
    .headerNav .menu1 > li { float: left; }
        .headerNav .menu1 > li > a { display: block; margin: 0 15px; font-size: 16px; color: #555; line-height: 100px; position: relative; transition: all .4s; }
            .headerNav .menu1 > li > a:hover, .headerNav .menu1 > li > a.current { color: #e7812b; }
.headerIco { display: block; width: 17px; height: 16px; background-image: url(../Images/hsear-ico.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; float: right; margin-top: 40px; }
.headerSearch { float: right; top: 140px; background: #fff; background: rgba(255,255,255,.5);width: 245px;height: 80px; overflow: hidden; z-index: 2; }
    .headerSearch .form { width: 245px; margin: 0 auto; margin-top: 32px; background: #fff; height: 35px; overflow: hidden; }
    .headerSearch .sear_text { width: 160px; float: left;border:1px solid #ddd; height: 33px; line-height: 33px; color: #666; padding-left: 10px; background: url(../Images/searbtn.png) no-repeat 10px center; padding-left: 30px; }
    .headerSearch .sear_btn { float: left; width: 50px; height: 35px; cursor: pointer; text-align: center;background: #2380cb; color: #fff; font-size: 14px; transition: all .3s; }
        .headerSearch .sear_btn:hover { opacity: .8; }
.banner { width: 100%; height: 526px; margin: 0 auto; overflow: hidden; position: relative; }
    .banner .bd { height: 526px; overflow: hidden; position: relative; left: 50%; margin-left: -960px; width: 1920px; }
    .banner .hd { width: 100%; position: absolute; z-index: 999; left: 0; height: 30px; bottom: 40px; }
        .banner .hd ul { text-align: center; }
            .banner .hd ul li { display: inline-block; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; overflow: hidden; border: 1px solid #fff; transition: all .5s; }
                .banner .hd ul li.on, .banner .hd ul li:hover { background: #fff; }
    .banner .prev, .banner .next { display: block; width: 40px; height: 60px; position: absolute; z-index: 2; top: 45%; margin-top: -20px; }
    .banner .prev { background: url(../Images/banner-pn.png) no-repeat left bottom; left: 5%; }
    .banner .next { background: url(../Images/banner-pn.png) no-repeat right bottom; right: 5%; }
.homeTopic { text-align: center; margin-bottom:20px; }
.section_title { font-size: 2.2em;color: #2d4277;font-weight: 400; text-align: center;margin-bottom: 20px;line-height: 100%;}
.section_title2 { font-size: 2.2em;color: #fff; background: #2a6bc7;font-weight: 400;padding: 38px 0; text-align: center;line-height: 100%;}
.section_title2 p{ font-size: 14px;color: #fff;padding-top:10px; }
.homeProd { padding: 70px 0; background-color: #f8f8f8; z-index: 0; position: relative; }
    .homeProd .main { position: relative; z-index: 2; }
        .homeProd .main:before { content: ""; position: absolute; width: 1141px; height: 583px; background-image: url(../Images/hprod-bg2.png); background-repeat: no-repeat; background-position: center center; right: -360px; top: -95px; z-index: -1; }
        .homeProd .main:after { content: ""; position: absolute; width: 389px; height: 372px; background-image: url(../Images/hprod-bg1.png); background-repeat: no-repeat; background-position: center center; left: -357px; bottom: -70px; z-index: -1; }
    .homeProd li { box-shadow: 0 0 10px 2px rgba(0,0,0,.05); margin-bottom: 20px; background-color: #fff; }
        .homeProd li:last-child { margin-bottom: 0; }
        .homeProd li a { display: block; overflow: hidden; }
        .homeProd li .pic { display: block; width: 800px; height: 305px; overflow: hidden; float: left; position: relative; }
            .homeProd li .pic img { width: 100%; height: 100%; animation: panorama 1s linear infinite alternate; animation-play-state: paused; position: relative; left: 0; }
        .homeProd li :hover .pic img { animation-play-state: running; }
        .homeProd li .pic:before { content: ""; width: 57px; height: 86px; background-image: url(../Images/host-ico.png); background-repeat: no-repeat; background-position: center center; position: absolute; left: 40px; top: 0; z-index: 2; }
        .homeProd li .font { display: block; width: 300px; height: 205px; float: right; background-color: #e7812b; background-image: url(../Images/hprod-ico.png); background-repeat: no-repeat; background-position: right bottom; padding: 50px; }
            .homeProd li .font h5 { font-size: 24px; color: #fff; font-weight: 400; margin-bottom: 40px; position: relative; }
                .homeProd li .font h5:after { content: ""; position: absolute; width: 25px; height: 1px; background-color: #fff; left: 0; bottom: -20px; }
            .homeProd li .font p { font-size: 14px; color: #fff; opacity: .9; line-height: 26px; margin-bottom: 35px; }
            .homeProd li .font .more { display: block; width: 195px; height: 54px; border-bottom: 1px solid #fff; color: #fff; line-height: 54px; font-size: 16px; position: relative; z-index: 0; transition: all .4s; }
                .homeProd li .font .more i { position: absolute; width: 7px; height: 16px; background-image: url(../Images/hjt-ico2.png); background-repeat: no-repeat; background-position: center center; right: 20px; top: 50%; margin-top: -8px; }
                .homeProd li .font .more:after { content: ""; position: absolute; width: 100%; background-color: #fff; transition: all .4s; z-index: -1; right: 0; left: 0; bottom: 0; height: 0; }
        .homeProd li:hover .font .more:after { height: 100%; }
        .homeProd li:hover .font .more { color: #e7812b; padding-left: 20px; width: 160px; }
            .homeProd li:hover .font .more i { background-image: url(../Images/hjt-ico1.png); }
    .homeProd .even .pic { float: right; }
        .homeProd .even .pic:before { right: 40px; left: auto; }
    .homeProd .even .font { float: left; }

@keyframes panorama {
    from { left: 0; }
    to { left: -20px; }
}

.homeArea { padding-top: 30px;  padding-bottom: 10px}
    .homeArea li { overflow: hidden; width: 387px; height: 190px;margin-bottom: 18px; background-color: #eceef3; float: left; }
        .homeArea li .font { float: left; width: 120px; margin-left: 30px; }
        .homeArea li .pic { display: block; float: right; width: 210px; }
            .homeArea li .pic img { display: block; width: 80%; /*height: 100%;*/ transition: all .4s; }
        .homeArea li .font h5 { font-size: 20px; color: #333; line-height: 33px; padding-top: 60px; margin-bottom: 30px; position: relative; }
        .homeArea li h5 span { display: block; font-size: 18px; }
        .homeArea li .font h5:before { position: absolute; width: 27px; height: 2px; background-color: #e7812b; left: 0; top: 38px; content: ""; }
        .homeArea li .font .more { display: block; width: 120px; height: 40px;line-height: 40px; border-bottom: 1px solid #333; color: #333;  font-size: 16px; position: relative; z-index: 0; transition: all .4s; }
            .homeArea li .font .more i { position: absolute; width: 7px; height: 16px; background-image: url(../Images/hjt-ico1.png); background-repeat: no-repeat; background-position: center center; right: 20px; top: 50%; margin-top: -8px; }
            .homeArea li .font .more:after { content: ""; position: absolute; width: 100%; background-color: #e7812b; transition: all .4s; z-index: -1; right: 0; left: 0; bottom: 0; height: 0; }
        .homeArea li:hover .font .more:after { height: 100%; }
        .homeArea li:hover .font .more i { background-image: url(../Images/hjt-ico2.png); }
        .homeArea li:hover .font .more { color: #fff; padding-left: 20px; width: 120px; }
    .homeArea .li1 { width: 588px; height: 190px; margin-right: 18px;  }
        .homeArea .li1 .font ,.homeArea .li2 .font{ width: 180px; margin-left: 60px; }
        .homeArea .li1 .pic,.homeArea .li2 .pic { width: 300px; height: 290px; }
        .homeArea .li1 .font .more { width: 180px; }
        .homeArea .li1 h5 { font-size: 26px; }
            .homeArea .li1 h5 span { display: block; font-size: 20px; }
        .homeArea .li1:hover .font .more { width: 180px; }
    .homeArea .li2 {width: 588px;  margin-bottom: 18px; }
    .homeArea .li4,.homeArea .li7 { margin: 0 18px; }
    .homeArea li:hover .pic img { transform: scale(1.08); }

   .homeArea .li3 .pic,.homeArea .li4 .pic,.homeArea .li5 .pic,.homeArea .li6 .pic,.homeArea .li7 .pic,.homeArea .li8 .pic { margin-top:30px; }

 .section_fixed_size1{background:url('../images/section_bg1.jpg') no-repeat center top;width:100%;height:528px;padding:40px 0;}
 .content_width { width: 1000px; margin: 0 auto;}
 .left_center_box {width: 100%; height: 100%; display: -webkit-box;-webkit-box-align: center; -moz-box-align: center;-ms-flex-align: center; box-align: center;}
.home_video{float:left;display:block;width:550px;height:278px;}
.home_video h2{font-size: 18px; color: #333;line-height:40px;}
.home_video_intro{float:right;width:365px;}
.home_video_intro .intro{display:none;height:68px;margin-bottom:15px;padding-left:70px;background:no-repeat left center;background-size:59px 66px;color:#1d3e72;font-size:1.0625em;line-height:140%;}
.home_video_intro .intro:first-child{}
.home_video_intro .intro1{background-image:url('../images/icon_home_intro1.png');}
.home_video_intro .intro2{background-image:url('../images/icon_home_intro2.png');}
.home_video_intro .intro3{background-image:url('../images/icon_home_intro3.png');}
.home_video_intro .intro4{background-image:url('../images/icon_home_intro4.png');}
.home_video_intro .intro5{background-image:url('../images/icon_home_intro5.png');}
.home_video_intro .intro6{background-image:url('../images/icon_home_intro6.png');}
.home_video_intro .intro7{background-image:url('../images/icon_home_intro7.png');}
.home_video_intro .intro8{background-image:url('../images/icon_home_intro8.png');}
.home_video_intro .intro9{background-image:url('../images/icon_home_intro9.png');}


.section {margin-top: 40px; margin-bottom: 40px;}
.home_box2 .box{padding:0;}
.home_box2 .box .img{width:100%;display:block;}
.home_box2 .box .part{position:absolute;top:0;left:0;padding:20px 10px;color:#fff;font-size:1.125em;background-color:#1d3e72;line-height:100%;}
.home_box2 .box .info{padding:16px 26px;}
.home_box2 .box .info .title{font-size:1.25em;line-height:130%;}
.home_box2 .box .info .intro{margin-top:10px;font-size:1em;line-height:130%;}
.home_box2 .box .info .btn{font-size:1em;padding:13px 0;width:130px;position:absolute;left:26px;bottom:16px;}
.home_box2 .box_highest .info .btn{margin-top:15px;position:static;}
.box_shadow{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3);}
.box_highest{position:relative !important;}
.box_column_3{width:100%;position:relative;}
.box_column_3 .box{position:absolute;top:0;bottom:0;width:32.66%;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box_column_3 .box:nth-child(1){left:0;}
.box_column_3 .box:nth-child(2){left:33.66%;}
.box_column_3 .box:nth-child(3){left:67.34%;}
.btn {
    background-color: #dab273;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    line-height: 100%;
    display: block;
}

.homeAbout { padding: 40px 0; background-color: #f7f7f7; }
    .homeAbout .main .hVideo { width: 564px; height: 370px; float: left; }
    .homeAbout .main .font { width: 568px; float: right; }
        .homeAbout .main .font h2 { font-size: 20px; color: #333; margin: 20px 0; }
        .homeAbout .main .font .txt { font-size: 16px; color: #666; line-height: 30px; height: 174px; overflow: hidden; margin-bottom: 60px; }
        .homeAbout .main .font .more { display: block; width: 100px;display:inline-block;text-align:center; height: 32px; color: #2d4277; line-height: 32px; font-size: 14px; position: relative; z-index: 0; transition: all .4s; border:1px solid #2d4277;border-radius: 20px; margin:0  5px; }
            .homeAbout .main .font .more i { position: absolute; width: 7px; height: 16px; /*background-image: url(../Images/hjt-ico1.png);*/ background-repeat: no-repeat; background-position: center center; right: 10px; top: 50%; margin-top: -8px; }
            .homeAbout .main .font .more:after { content: ""; position: absolute; width: 100%; transition: all .4s; z-index: -1; right: 0; left: 0; bottom: 0; height: 0; }
            .homeAbout .main .font .more:hover:after { height: 100%;background:#2aabd8; border:1px solid #2aabd8;border-radius: 20px; }
            .homeAbout .main .font .more:hover { color: #fff; }
                .homeAbout .main .font .more:hover i { background-image: url(../Images/hjt-ico1.png); }


                /*新闻百科*/
.news_main{ padding:50px 0 0;}
.news_bt{height: 48px;line-height: 48px; background:url(../images/index/news_line.gif) no-repeat 0 46px;overflow: hidden;}
.news_bt a{font-size: 18px;color: #333; padding:0 25px 0 0; background:url(../images/index/news_bor.gif) no-repeat right 19px;display: block;float: left;}
.news_bt a:hover{color: #1b85c9;}
.news_bt .nobor{ background:none; padding:0 0 0 20px;}
.news{height: 350px;}
.news_l{width: 600px; padding:15px 0 0;}
.news_l dl{width: 600px;}
.news_l dl dt{ display:inline-block;width: 600px;}
.news_l dl dt span{display: block;float: left;width: 185px;height: 171px;background: #2aabd8;font-size: 24px;color: #fff;font-family:Verdana, Geneva, sans-serif; padding:0 0 0 55px;line-height: 50px;}
.news_l dl dt span i{display: block;font-size: 50px; padding:30px 0 0;}
.news_l dl dt em{display: block;float: left;width: 360px;height: 171px;}
.news_l dl dt img{width: 100%;height: 100%;}
.news_l dl dd{width: 600px; padding:5px 0 0;}
.news dl dd h5{height: 30px;line-height: 30px;font-size: 16px;color: #000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dl dd h5 a{font-size: 16px;color: #000;}
.news dl dd h5 a:hover,.news_r ul li a:hover,.wd_l a:hover,.wd_r dl dt a:hover{color: #00b9ad;}
.news .news_desc{font-size: 14px;color: #606060;line-height: 25px;overflow: hidden; padding:10px 0 0;}
.news_l dl dd span{display: block; padding:15px 0 0;}
.news_l dl dd span a{width: 70px;border:1px solid #ddd;padding:5px 7px}
.news_l dl dd span img{width: 70px;height: 23px;}
.news_r{width: 550px; padding:0px 0 0;}
.news_r dl{width: 550px;height: 171px;background: #fff; display:inline-block;box-shadow: 0 3px 10px 3px #d0d0d0;}
.news_r dl dt{width: 140px;height: 140px;float: left;font-size: 28px;color: #9d9d9d; padding:31px 0 0 25px;overflow: hidden;}
.news_r dl dt em{display: block;width: 20px; padding:50px 0 0;}
.news_r dl dt em img{width: 20px;height: 20px;}
.news_r dl dd{width: 350px;float: left; padding:25px 0 0;}
.news_r ul{ padding:10px 0 0;}
.news_r ul li{height: 44px;line-height: 44px;font-size: 14px;color: #666; border-bottom:#f4f4f4 1px solid;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_r ul li a{font-size: 14px;color: #666; padding:0 0 0 10px;}
.news_r ul li span{font-size: 14px;color: #666; padding:0 0 0 10px;float:right}
.news_r .nobor{ border:none;}

.homePart { padding: 50px 0; }
    .homePart .bd { height: 80px; overflow: hidden; }
    .homePart li { width: 200px; float: left; height: 80px; position: relative; }
        .homePart li img { display: block; width: 100%;border:1px solid #ededed; height: 98%; position: absolute; z-index: 2; transform: rotateY(0deg); transition: all .5s ease 0s; backface-visibility: hidden; transition: all .5s ease 0s; left: 0; top: 0; right: 0; bottom: 0; }
    .homePart span { position: absolute; text-align: center; line-height: 80px; background-color: #e7812b; transform: rotateY(-180deg); color: #333; font-size: 16px; font-weight: 600; transition: all .5s ease 0s; backface-visibility: hidden; left: 0; top: 0; right: 0; bottom: 0; }
    .homePart li:hover img { transform: rotateY(180deg); }
    .homePart li:hover span { transform: rotateY(0deg); }

.f_bg{     background: linear-gradient(to right, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);height:320px; overflow:hidden;}
.footer{width: 1200px; margin:0 auto;}
.f_nav{line-height: 80px;overflow: hidden;color: #aaa;font-size: 12px; }
.f_nav a{font-size: 14px;color: #eee; padding:0 25px;}
.f_ban{width: 1080px;padding:48px 0 0;}
.f_ban p{ font-size:14px; color:#ddd;float: left;width: 250px; padding-left:40px;}
.f_ban p i{display: block;color: #fff;height: 26px;line-height: 22px;}
.f_ban .f_p01{ background:url(../images/f_ico01.png) no-repeat;width: 200px; padding-right:40px;}
.f_ban .f_p02{ background:url(../images/f_ico02.png) no-repeat;width: 250px;}
.f_ban .f_p03{ background:url(../images/f_ico03.png) no-repeat;}
.f_ban .f_p04{ background:url(../images/f_ico04.png) no-repeat;}
.f_er{width: 120px;text-align: center;}
.f_er img{ width:120px; height:120px;}
.f_er span{display: block; font-size:14px; color:#eee; padding:8px 0 0;}
.f_bot{ font-size:14px; color:#ddd;height: 80px;line-height: 80px;text-align: center;border-top:1px solid #19b1fb;clear:both}
.f_bot span{ padding:0 20px;}
.f_bot a{ font-size:14px; color:#eee;}
em,i{ font-style:normal;}

.listBanner { width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 360px; }
    .listBanner img { display: block; }
.listWrapper { padding: 40px 0 50px; overflow: hidden; }
.pageWrapper { padding: 40px 0 50px; }
.location { background: url(../Images/location_icon.png) no-repeat left center; padding-left: 20px; color: #333; }
.breadCrumb { height: 50px; line-height: 50px; border-bottom: 1px solid #dadada; background: #fff; }
    .breadCrumb p { background: url(../Images/location_icon.png) no-repeat left center; padding-left: 20px; width: 1180px; }
    .breadCrumb .back { float: right; width: 80px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; background: #999; color: #fff; margin-top: 10px; }
        .breadCrumb .back:hover { background: #e7812b; transition: all .3s; }
.page-bgColor { background-color: #fff; padding: 30px 20px; }
.listMenu { height: 60px; line-height: 60px; margin: 40px 0 20px; }
    .listMenu .topic { font-size: 28px; color: #e7812b; float: left; font-weight: 400; border-bottom: 1px solid #dadada; }
        .listMenu .topic span { font-size: 16px; text-transform: uppercase; color: #dadada; margin-left: 10px; }
    .listMenu .menuWrap { margin-top: 10px; }
        .listMenu .menuWrap a { display: block; float: left; font-size: 16px; position: relative; color: #231b16; width: 140px; text-align: center; z-index: 0; height: 40px; line-height: 40px; border: 1px solid #dadada; margin-left: 5px; background-color: #fff; }
            .listMenu .menuWrap a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e7812b; z-index: -1; opacity: 0; -webkit-transform: scale3d(.7,1,1); transform: scale3d(.7,1,1); -webkit-transition: -webkit-transform .4s,opacity .4s; transition: transform .4s,opacity .4s; transition-timing-function: ease,ease; -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1); transition-timing-function: cubic-bezier(.2,1,.3,1); }
            .listMenu .menuWrap a:hover:before, .listMenu .menuWrap a.current:before { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
            .listMenu .menuWrap a.current, .listMenu .menuWrap a:hover { color: #fff; border-color: #e7812b; }
.menuSub { text-align: left; margin-top: 40px; background: #f4f4f4; padding: 15px 0; }
    .menuSub a { padding: 0 15px; background: url(../Images/nav-bg.png) no-repeat right center; }
        .menuSub a.current, .menuSub a:hover { color: #e7812b; }
.pTopic { padding: 40px 0 20px; }
    .pTopic h3 { font-size: 30px; color: #e7812b; font-weight: 400; text-align: center; position: relative; }
        .pTopic h3:after { content: ""; position: absolute; width: 30px; height: 2px; background-color: #e7812b; left: 50%; margin-left: -15px; bottom: -10px; }
        .pTopic h3 span { font-size: 14px; text-transform: uppercase; color: #dadada; display: block; margin-top: 5px; }
.solveList li { background-color: #f5f5f5; overflow: hidden; margin-bottom: 30px; }
    .solveList li .pic { display: block; float: left; width: 350px; height: 240px; overflow: hidden; }
        .solveList li .pic img { display: block; width: 100%; height: 100%; transition: all .4s; }
    .solveList li:nth-child(2n) .pic { float: right; }
    .solveList li .font { width: 750px; padding: 40px 50px; float: left; }
        .solveList li .font h5 { font-size: 18px; color: #e7812b; font-weight: 400; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
        .solveList li .font .time { display: block; font-size: 12px; color: #333; text-transform: uppercase; margin-bottom: 40px; position: relative; }
            .solveList li .font .time:after { content: ""; position: absolute; width: 85px; height: 1px; background-color: #7d7d7d; left: 0; bottom: -20px; }
        .solveList li .font .txt { font-size: 14px; color: #333; }
            .solveList li .font .txt p { margin-bottom: 30px; }
    .solveList li:hover .pic img { transform: scale(1.1); }
.solveRelation { background-color: #f7f7f7; padding: 40px 0; }
    .solveRelation .topic { font-size: 26px; font-weight: 400; color: #333; font-weight: 400; text-align: left; padding-bottom: 10px; height: 30px; line-height: 30px; }
.solveStart { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dedede; overflow: hidden; text-align: center; position: relative; }
    .solveStart .bshare-custom { position: absolute; right: 0; top: 40px; }
    .solveStart .title { font-size: 20px; line-height: 30px; color: #303030; font-weight: 400; margin-bottom: 10px; }
    .solveStart .time { display: block; font-size: 14px; color: #999; }
    .solveStart .content { margin-bottom: 60px; }
.relatedSolve li { float: left; }
.relatedSolve ul { width: 1240px; margin-top: 20px; }
.relatedSolve li { float: left; width: 280px; margin-bottom: 20px; margin-right: 24px; border: 1px solid #ddd; background: #eee; text-align: center; transition: all .5s; }
    .relatedSolve li a { display: block; width: 280px; transition: all .5s; }
    .relatedSolve li img { width: 270px; height: 203px; padding: 5px; background: #fff; }
    .relatedSolve li h4 { height: 35px; line-height: 35px; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-weight: 400; }
    .relatedSolve li:hover { border: 1px solid #e7812b; }
    .relatedSolve li a:hover { background: #e7812b; color: #fff; }
.partnerList, .honorList, .settingList, .newsList, .appList, .newsList, .downList { width: 1200px; overflow: hidden; }
    .partnerList ul, .honorList ul, .settingList ul, .downList ul, .clientList ul, .newsList2 ul { width: 1240px; }
        .settingList ul li { width: 280px; float: left; margin-right: 26px; margin-bottom: 25px; text-align: center; }
            .settingList ul li img { display: block; width: 270px; height: 190px; padding: 4px; border: 1px solid #e3e3e3; background: #fff; transition: all .5s; }
                .settingList ul li img:hover { border: 1px solid #e7812b; background: #e7812b; }
            .settingList ul li span { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
    .honorList li { width: 280px; float: left; margin-right: 26px; margin-bottom: 25px; text-align: center; }
        .honorList li img { display: block; width: 270px; height: 203px; padding: 4px; border: 1px solid #e3e3e3; background: #fff; }
            .honorList li img:hover { border: 1px solid #e7812b; background:; }
        .honorList li span { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
    .partnerList li { float: left; width: 280px; margin-right: 25px; margin-bottom: 25px; }
        .partnerList li img { width: 270px; height: 210px; background: #e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset; }
        .partnerList li span { height: 35px; line-height: 35px; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


 pro_xc{ margin-top:0px;}
.pro_xc li {float: left;width:280px;height:210px;margin:10px 10px;display:inline;}
.pro_xc li img {width:270px;height:190px;padding:4px;border:1px solid #ededed;display: block;background: #fff;}
.pro_xc li p {color: #535353; font-size:14px;line-height: 30px;text-align: center;background:url(../images/shadow1.png) no-repeat center top ; height:30px; overflow:hidden;}
.pro_xc .nomg {margin-right: 0;}
.pro_xc li:nth-child(4n) {margin-right:0;}


.strenList ul { width: 1250px; }
.strenList li { width: 279px; margin-right: 28px; position: relative; margin-bottom: 30px; float: left; transition: all .5s; }
    .strenList li .pic { display: block; overflow: hidden; position: relative; position: relative; transition: all .4s; position: relative; height: 210px; }
        .strenList li .pic:after { width: 47px; height: 49px; content: ""; position: absolute; background-image: url(../Images/view-case.png); background-repeat: no-repeat; background-position: center center; left: 50%; margin-left: -23px; top: 47%; margin-top: -25px; opacity: 0; transition: all .4s; }
    .strenList li:hover .pic { background-color: #000; }
        .strenList li:hover .pic img { opacity: .4; }
        .strenList li:hover .pic:after { opacity: 1; top: 50%; }
    .strenList li img { width: 100%; height: 100%; transition: all .5s; display: block; }
    .strenList li:hover img { transform: scale(1.2); }
    .strenList li p { padding: 15px 5px; transition: all .5s; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
    .strenList li:after { content: ""; position: absolute; width: 0; left: 50%; height: 2px; background-color: #e7812b; transition: all .5s; bottom: 0; }
    .strenList li:hover:after { width: 100%; left: 0; }
    .strenList li:hover { box-shadow: 0 8px 20px rgba(0,0,0,.1); }
.newsList li { margin-bottom: 30px; border-bottom: 1px solid #dadada; padding-bottom: 20px; height: 210px; overflow: hidden; }
    .newsList li .pic { width: 300px; height: 210px; float: left; position: relative; overflow: hidden; }
        .newsList li .pic img { width: 100%; height: 100%; transition: all .5s; }
    .newsList li:hover img { transform: scale(1.2); }
    .newsList li .pic .time { position: absolute; width: 110px; height: 60px; right: 0; bottom: 0; background: #666; color: #fff; font-size: 18px; text-align: center; padding: 10px; transition: all .5s; }
        .newsList li .pic .time strong { display: block; font-size: 26px; border-top: 1px solid #fff; padding-top: 8px; margin-top: 5px; }
    .newsList li .txt { width: 860px; height: 170px; padding: 20px; float: right; }
        .newsList li .txt p { padding-bottom: 20px; border-bottom: 1px dotted #dadada; margin-bottom: 30px; }
        .newsList li .txt h4 { font-size: 18px; font-weight: 400; color: #343434; margin-bottom: 20px; }
    .newsList li:hover .txt h4 { color: #e7812b; }
    .newsList li:hover .time { background: #e7812b; }
    .newsList li .txt .more { background: url(../Images/news-link-ico.png) no-repeat left center; padding-left: 25px; }
    .newsList li:hover .txt .more { color: #e7812b; }
.faqList li { position: relative; margin-bottom: 30px; border-left: 3px solid #e7812b; }
    .faqList li:after { content: ''; position: absolute; top: 12px; right: 16px; display: block; width: 30px; height: 30px; background: #e7812b; pointer-events: none; }
    .faqList li h3:before, .faqList li h3:after { content: ''; position: absolute; top: 26px; right: 23px; z-index: 2; width: 16px; height: 2px; background: #fff; }
    .faqList li h3:before { width: 2px; height: 16px; top: 19px; right: 30px; -webkit-transition: .3s; transition: .3s; }
    .faqList li.act h3:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); background: transparent\0; }
    .faqList li h3 { position: relative; padding: 0 60px; background-color: #f3f3f3; line-height: 54px; font-size: 16px; cursor: pointer; font-weight: 400; color: #333; background-image: url(../Images/faq.png); background-repeat: no-repeat; background-position: 20px 0; }
    .faqList li div { display: none; padding: 25px 60px; line-height: 25px; color: #7c7c7c; -webkit-animation: fadeIn .5s ease-out .2s both; animation: fadeIn .5s ease-out .2s both; }
    .faqList li div { background: url(../Images/faq.png) no-repeat 20px -155px; font-size: 14px; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.articleShow { overflow: hidden; }
.pictureShow { width: 890px; }
.articleBox1 .title { text-align: center; font-size: 20px; color: #000; margin: 40px 0 20px 0; font-weight: 400; }
.articleBox1 .p1 { margin-bottom: 15px; padding-bottom: 10px; text-align: center; color: #333; }
.detailLeft .p1, .picShow .p1 { border-bottom: 1px dotted #adadad; }
.articleBox1 .p1 span { margin-right: 15px; }
.review { background: #f7f7f7 url(../Images/nshow_icon.png) no-repeat left top; padding: 15px 15px 10px; border-right: none; border-left: none; text-indent: 2em; font-size: 14px; color: #333; }
.fontResizer a { padding: 0 5px; }
.article_key { background: #f7f7f7 url(../Images/nshow_icon2.png) no-repeat 15px 7px; color: #adadad; margin-bottom: 20px; padding-left: 35px; line-height: 28px; }
.fontsizebox { padding-bottom: 40px; border-bottom: 1px dotted #adadad; font-size: 13px; color: #424242; }
.curFont { color: #0180d4; }
.detailShare { overflow: hidden; padding: 25px 0; border-bottom: 1px dotted #adadad; }
    .detailShare span { border-left: 1px dotted #adadad; padding: 0 15px; }
        .detailShare span.date { margin-left: 15px; }
.detail_fenx { font-size: 14px; padding-top: 10px; overflow: hidden; margin-top: 50px; border-bottom: 1px dotted #adadad; padding-bottom: 10px; }
    .detail_fenx div { width: 48%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .detail_fenx div a:hover { color: #e7812b; }
.relatedNews_font { overflow: hidden; font-size: 13px; margin-top: 15px; }
    .relatedNews_font ul { width: 1220px; }
        .relatedNews_font ul li { float: left; padding-right: 50px; width: 558px; height: 40px; line-height: 40px; border-bottom: 1px dotted #ddd; }
            .relatedNews_font ul li a { display: block; width: 400px; line-height: 40px; background: url(../Images/ly_li.png) no-repeat left center; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
                .relatedNews_font ul li a:hover { color: #e7812b; }
            .relatedNews_font ul li span { float: right; color: #999; }
.detailRight { width: 280px; overflow: hidden; }
.rightDesign, .rightRelated, .rightCase, .rightLabel { border: 1px solid #ddd; margin-bottom: 20px; }
.rTitle { height: 39px; line-height: 39px; background: url(../Images/r_title.jpg) repeat-x; font-size: 16px; color: #000; font-weight: 400; padding-left: 10px; }
.rightDesign .main { background: #fff; padding: 10px; }
    .rightDesign .main .p1 { font-size: 14px; margin-bottom: 10px; font-size: 14px; color: #000; }
    .rightDesign .main input { display: block; height: 38px; border: 1px solid #e1e1e1; background: #fff; padding: 0 10px; width: 238px; margin-bottom: 10px; font-size: 14px; }
    .rightDesign .main .sub { height: 40px; line-height: 40px; border: none; background: #02a2ee; color: #fff; text-align: center; transform: all .3s; cursor: pointer; width: 258px; padding: 0; margin-bottom: 5px; font-family: 微软雅黑; }
    .rightDesign .main input:focus { border: 1px solid #02a2ee; }
    .rightDesign .main .sub:focus, .rightDesign .main .sub:hover { background: #333; border: none; }
.rightRelated .main { padding: 10px; }
    .rightRelated .main img { width: 254px; padding: 2px; border: 1px solid #ececec; margin-bottom: 10px; }
    .rightRelated .main li { height: 34px; line-height: 34px; border-bottom: 1px dotted #a7a7a7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .rightRelated .main li a { background: url(../Images/ly_li.png) no-repeat 5px center; padding-left: 15px; }
        .rightRelated .main li:last-child { border-bottom: none; }
.rightRelated .mainCp { padding: 10px; }
    .rightRelated .mainCp .bd { width: 258px; height: 579px; overflow: hidden; }
        .rightRelated .mainCp .bd li, .rightDesign .mainCp .bd li a { display: block; width: 258px; height: 183px; overflow: hidden; position: relative; }
        .rightRelated .mainCp .bd li { margin-bottom: 10px; }
            .rightRelated .mainCp .bd li h3 { width: 228px; height: 30px; line-height: 30px; color: #fff; background: url(../Images/tmb.png); position: absolute; left: 0; bottom: 0; text-align: center; padding: 0 15px; }
.relatedTitle { height: 30px; border-bottom: 1px dotted #adadad; font-size: 18px; color: #000; margin-bottom: 20px; font-weight: 400; }
.jobTop { overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; height: 295px; }
    .jobTop .main { float: right; width: 560px; }
        .jobTop .main .font { height: 190px; overflow: hidden; line-height: 28px; }
        .jobTop .main .p1 { padding-top: 15px; font-size: 16px; color: #333; }
            .jobTop .main .p1 a { color: #e7812b; }
                .jobTop .main .p1 a:hover { text-decoration: underline; }
    .jobTop .more { width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 3px; display: inline-block; background: #e7812b; margin-top: 15px; }
        .jobTop .more:hover { background: #e82513; }
.jobList li { overflow: hidden; position: relative; border-bottom: 1px solid #ddd; padding: 30px 0 28px; }
.jobList .posit { float: left; width: 220px; margin-right: 30px; }
    .jobList .posit .icon { display: block; width: 35px; height: 35px; background: #434343 url(../Images/gicon19.png) no-repeat center center; position: absolute; right: 28px; top: 36px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; border-radius: 50%; }
    .jobList .posit h3 { width: 180px; color: #333; font-size: 20px; font-weight: 400; margin-bottom: 20px; }
    .jobList .posit span { display: block; font-size: 14px; color: #333; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dadada; }
    .jobList .posit b { font-size: 14px; font-weight: 400; }
.jobList li .inner { font-size: 14px; color: #888; line-height: 27px; width: 800px; float: left; }
.jobList li .txt { padding-top: 30px; display: none; }
.jobList li h4 { color: #333; font-size: 14px; font-weight: 400; }
.jobList li h5 { color: #e7812b; font-size: 14px; margin-top: 30px; font-weight: 400; }
.jobList .more { display: block; padding-left: 20px; }
.jobList li.on .txt { display: block; }
.jobList li.on .more { display: none; }
.jobList li.on .icon { background: #e7812b url(../Images/gicon18.png) no-repeat center center; border-radius: 50%; }
.productList { overflow: hidden; }
    .productList ul { width: 1240px; }
    .productList li { float: left; width: 384px; margin-right: 20px; margin-bottom: 20px; position: relative; border: 1px solid #dadada; }
        .productList li .pImg { display: block; height: 288px; overflow: hidden; position: relative; }
            .productList li .pImg img { width: 100%; height: 100%; transition: all .5s; }
            .productList li .pImg:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); opacity: 0; transition: all .5s; z-index: 1; }
        .productList li:hover .pImg:before { opacity: 1; }
        .productList li .pImg:after { content: ""; position: absolute; width: 47px; height: 49px; background: url(../Images/view-case.png) no-repeat center center; z-index: 2; left: 50%; top: 45%; transition: all .5s; opacity: 0; margin-left: -24px; margin-top: -25px; }
        .productList li:hover .pImg:after { top: 50%; opacity: 1; }
        .productList li:hover .pImg img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
        .productList li h4 { height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #333; font-weight: 400; transition: all .5s; background-color: #f7f7f7; }
        .productList li:hover h4 { background: #e7812b; }
            .productList li:hover h4 a { color: #fff; }
.pageProbg { background: #fff; padding: 70px; width: 1060px; margin: 0 auto; box-shadow: 0 0 2px 1px #dadada; }
.prodPic { width: 560px; }
    .prodPic .big { width: 435px; height: 435px; position: relative; z-index: 1; float: right; border: 1px solid #e3e3e3; }
        .prodPic .big a { width: 435px; height: 435px; background: #fff; display: table-cell; text-align: center; vertical-align: middle; }
            .prodPic .big a img { vertical-align: middle; max-width: 435px; max-height: 398px; }
        .prodPic .big a { *display: block; *font-family: Arial; *line-height: 1; }
div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; width: 300px; height: 300px; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
div.zoomMask { position: absolute; background: url(../Images/mask.png); cursor: move; z-index: 1; }
.prodPic .list { width: 112px; height: 436px; overflow: hidden; position: relative; float: right; }
    .prodPic .list a.prev, .prodPic .list a.next { display: block; width: 107px; height: 25px; position: absolute; top: 0; left: 0; background: url(../Images/anus.jpg) no-repeat; overflow: hidden; cursor: pointer; }
    .prodPic .list a.next { top: auto; bottom: 0; background-position: 0 -50px; }
    .prodPic .list a.prev:hover { background-position: 0 -25px; }
    .prodPic .list a.next:hover { background-position: 0 -75px; }
    .prodPic .list .thumb { position: relative; width: 112px; height: 370px; overflow: hidden; top: 33px; }
        .prodPic .list .thumb ul { position: absolute; height: 99999px; }
            .prodPic .list .thumb ul li { background: 0 0; float: left; width: 107px; height: 95px; position: relative; }
                .prodPic .list .thumb ul li a { display: block; width: 103px; height: 75px; border: 2px solid #e3e3e3; text-align: center; background: #fff; }
                .prodPic .list .thumb ul li img { max-width: 100%; max-height: 100%; cursor: pointer; }
                .prodPic .list .thumb ul li a em { display: block; width: 5px; height: 9px; position: absolute; right: -5px; top: 35px; }
                .prodPic .list .thumb ul li a.selected { border-color: #e7812b; }
                    .prodPic .list .thumb ul li a.selected em { background: url(../Images/jt.png) no-repeat; }
.proshow_synopsis {  padding: 19px; width: 550px; color: #666; font-size: 13px; line-height: 30px; height: 396px; border-radius: 3px; }
    .proshow_synopsis .title { font-size: 24px; color: #000; border-bottom: 1px solid #dbdbdb; margin-bottom: 15px; padding-bottom: 0; font-weight: 400; padding-bottom: 10px; }
    .proshow_synopsis strong { color: #333; font-weight: 400; }
    .proshow_synopsis .font { line-height: 24px; overflow: hidden; height: 150px; margin-bottom: 15px; }
.prodcut-tel { padding-left: 50px; margin-bottom: 20px; line-height: 26px; background: url(../Images/p_icon.png) no-repeat left center; }
    .prodcut-tel span { font-family: arial; font-size: 24px; color: #e7812b; display: block; }
.proshow_synopsis .btn a { display: inline-block; width: 170px; height: 40px; line-height: 40px; text-align: center; background: #4b4b4b url(../Images/proshow_icon1.png) no-repeat 20px 14px; color: #fff; transition: all .3s; font-size: 16px; }
.proshow_synopsis .btn .a02 { background: #e7812b url(../Images/proshow_icon2.png) no-repeat 20px 13px; margin-left: 25px; }
.proshow_synopsis .btn a:hover { opacity: .8; filter: alpha(opacity=50); transition: all .3s; }

.proshow_synopsis .btn2 a { display: inline-block; width: 170px; height: 40px; line-height: 40px; text-align: center; background: #e7812b url(../Images/proshow_icon1.png) no-repeat 20px 14px; color: #fff; transition: all .3s; font-size: 16px; }
.proshow_synopsis .btn2 .a02 { background: #e7812b url(../Images/proshow_icon2.png) no-repeat 20px 13px; margin-left: 25px; }
.proshow_synopsis .btn2 a:hover { opacity: .8; filter: alpha(opacity=50); transition: all .3s; }
.gr-tab-list { overflow: hidden; margin-top: 40px; }
    .gr-tab-list .hd { height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; font-size: 16px; }
        .gr-tab-list .hd li { width: 150px; float: left; text-align: center; background: #eee; margin-right: 5px; cursor: pointer; position: relative; }
            .gr-tab-list .hd li.on { background: #2aabd8; color: #fff; }
    .gr-tab-list .bd { overflow: hidden; padding-top: 15px; }
    .gr-tab-list .hd li.on::before { position: absolute; content: ""; bottom: -12px; left: 70px; border: 6px solid transparent; border-top-color: #2aabd8; }
.relatedPro { margin-bottom: 30px; overflow: hidden; }
    .relatedPro .tie { height: 40px; line-height: 40px; background: #eee; color: #e7812b; font-size: 16px; font-weight: 400; margin: 20px 0; }
        .relatedPro .tie span { padding: 0 30px; background: #e7812b; display: inline-block; color: #fff; }
    .relatedPro li { float: left; }
    .relatedPro ul { width: 1240px; margin-top: 20px; }
    .relatedPro li { float: left; width: 280px; margin-bottom: 20px; margin-right: 24px; border: 1px solid #ddd; background: #eee; text-align: center; }
        .relatedPro li a { display: block; width: 280px; }
        .relatedPro li img { width: 270px; height: 203px; padding: 5px; background: #fff; }
        .relatedPro li span { height: 35px; line-height: 35px; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
        .relatedPro li:hover { border: 1px solid #e7812b; }
        .relatedPro li a:hover { background: #e7812b; color: #fff; }
.orderBox { padding: 25px; width: 1140px; background: #f1f1f1; overflow: hidden; margin: 0 auto; }
    .orderBox h3 { font-size: 15px; line-height: 18px; font-weight: 400; font-family: 微软雅黑; }
    .orderBox .table { padding-top: 20px; overflow: hidden; }
        .orderBox .table li { width: 520px; height: 215px; float: left; height: 35px; margin-bottom: 10px; }
            .orderBox .table li span { float: left; border: 1px solid #ddd; line-height: 33px; height: 33px; width: 98px; display: inline-block; text-align: center; background: #fff; }
            .orderBox .table li .iptTxt { float: right; width: 408px; border: 1px solid #ddd; border-left-width: 0; height: 33px; line-height: 33px; background: #fff; color: #666; padding-left: 10px; }
            .orderBox .table li .iptCode { float: left; width: 199px; border: 1px solid #ddd; border-left-width: 0; height: 33px; line-height: 33px; background: #fff; color: #666; padding-left: 10px; }
            .orderBox .table li .checkcode { float: left; border: 1px solid #ddd; border-left-width: 0; background: #eee; margin-left: 2px; padding: 6px; }
            .orderBox .table li .btn { width: 385px; height: 35px; line-height: 35px; background: #333; cursor: pointer; font-size: 14px; color: #fff; text-align: center; border: none; }
                .orderBox .table li .btn:hover { background: #e7812b; color: #fff; }
            .orderBox .table li.areLi { width: 570px; float: right; height: 215px; overflow: hidden; }
                .orderBox .table li.areLi .txtContent { width: 528px; height: 183px; border: 1px solid #ddd; outline: none; resize: none; padding: 15px; color: #666; line-height: 18px; background: #fff; }
.page-ditu { background: #f5f5f5; height: 400px; }
#dituContent { width: 600px; height: 400px; float: left; }
.contactFont { overflow: hidden; margin-bottom: 30px; float: right; width: 540px; height: 360px; padding: 20px 30px; }
.feedback { margin-top: 50px; overflow: hidden; }
    .feedback .title { text-align: center; font-size: 24px; font-weight: 400; margin-bottom: 25px; color: #333; }
        .feedback .title span { background: #fff; padding: 0 30px; position: relative; top: -10px; }
        .feedback .title::before { content: ""; border-bottom: 1px solid #e1e1e1; height: 12px; vertical-align: top; width: 100%; display: block; }
#feedback_form { position: relative; }
    #feedback_form label { display: block; float: left; height: 32px; line-height: 32px; margin-bottom: 30px; padding-left: 40px; background: url(../Images/contact.png) no-repeat; font-size: 14px; }
        #feedback_form label.name { background-position: 0 -32px; }
        #feedback_form label.email { background-position: 0 -64px; }
        #feedback_form label.city { background-position: 0 -96px; }
        #feedback_form label.msg_title { background-position: 0 -128px; }
        #feedback_form label.address { background-position: 0 -160px; }
        #feedback_form label.message { background-position: 0 -192px; margin-bottom: 10px; }
    #feedback_form input { width: 240px; height: 30px; line-height: 30px; float: left; margin: 0 37px 30px 0; padding: 0 10px; border: 1px solid #dbdbdb; }
        #feedback_form input.last { margin-right: 0; }
    #feedback_form .msg { border-top: 1px dotted #ccc; padding: 30px 0; }
    #feedback_form textarea { height: 125px; width: 1178px; padding: 10px; border: 1px solid #dbdbdb; display: block; }
    #feedback_form i { font-style: normal; color: #ff1f19; position: absolute; font-size: 14px; left: 380px; top: 6px; }
    #feedback_form .f2 { left: 790px; }
    #feedback_form .f3 { left: auto; right: 0; }
    #feedback_form .f4 { left: 380px; top: 66px; }
    #feedback_form .btns { width: 120px; height: 40px; margin-right: 10px; background: #e7812b; color: #fff; border: none; font-size: 15px; margin-bottom: 0; cursor: pointer; }
        #feedback_form .btns:hover { background: #333; transition: all .3s; }
    #feedback_form .reset { background: #ccc; cursor: pointer; margin-bottom: 0; }
    #feedback_form .tableRow { width: 100%; height: 32px; }
        #feedback_form .tableRow input { width: 150px; margin-right: 10px; color: #999; float: left; }
        #feedback_form .tableRow .checkcode { width: 50px; height: 22px; margin-left: 5px; border: 1px solid #ccc; padding: 4px 5px; display: block; float: left; background: #fff; }
    #feedback_form input:focus, #feedback_form textarea:focus { border-color: #e7812b; }